<template>
    <div>
        <div style="color: #1989fa;cursor: pointer;" @click="showSheet = true">
            <slot></slot>
       </div>
        <van-action-sheet v-model="showSheet" :actions="shopItems" @select="item => $emit('change', item.mark)" />
    </div>
</template>

<script>
export default {

    data() {
        return {
            shopItems: [{
                name: '股票',
                mark: 'stock'
            }, {
                name: '期货',
                mark: 'future'
            }, {
                name: '期权',
                mark: 'option'
            }, {
                name: '外汇',
                mark: 'forex'
            }],
            showSheet: false
        }
    }
}
</script>